<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>搜索页面</title>
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/search.css">
</head>
<body>
  <div class="container" >
    <div class="header">
      <div class="lt" onclick="javascript:history.go(-1)">&lt;</div>
      <div class="ct">搜索</div>
      <div class="rt"></div>
    </div>
    <!-- 搜索头部 -->
    <div class="search-header">
      <div class="input-box">
        <img class="icon"
          src="http://nos.netease.com/mailpub/hxm/yanxuan-wap/p/20150730/style/img/icon-normal/search2-2fb94833aa.png">
        </image>
        <input name="input" class="keywrod" focus="true" placeholder="默认关键字" />
        <img class="del"
          src="http://nos.netease.com/mailpub/hxm/yanxuan-wap/p/20150730/style/img/icon-normal/clearIpt-f71b83e3c2.png">
        </image>
      </div>
      <div class="right">取消</div>
    </div>
    <!-- 未搜索 -->
    <div class="no-search">
      <!-- 历史搜索 -->
      <div class="serach-keywords search-history">
        <div class="h">
          <span class="title">历史记录</span>
          <img class="icon"
            src="http://nos.netease.com/mailpub/hxm/yanxuan-wap/p/20150730/style/img/icon-normal/del1-93f0a4add4.png">
          </image>
        </div>
        <div class="b">
          <div class="item" hover-class="navigator-hover">记录1</div>
          <div class="item" hover-class="navigator-hover">记录2</div>
          <div class="item" hover-class="navigator-hover">记录3</div>
        </div>
      </div>
      <!-- 热门关键字 -->
      <div class="serach-keywords search-hot">
        <div class="h">
          <span class="title">热门搜索</span>
        </div>
        <div class="b">
          <div class="item active" hover-class="navigator-hover">热门词1</div>
          <div class="item active" hover-class="navigator-hover">热门词2</div>
          <div class="item active" hover-class="navigator-hover">热门词3</div>
        </div>
      </div>
      <!-- 搜索建议 -->
      <div class="shelper-list">
        <div class="item" hover-class="navigator-hover">建议1</div>
        <div class="item" hover-class="navigator-hover">建议1</div>
        <div class="item" hover-class="navigator-hover">建议1</div>
      </div>
    </div>
    <!-- 搜索结果 -->
    <!-- <div class="search-result">
      <div class="sort">
        <div class="sort-box">
          <div class="item active" id="defaultSort">
            <span class="txt">综合</span>
          </div>
          <div class="item by-price active asc" id="priceSort">
            <span class="txt">价格</span>
          </div>
          <div class="item active" id="categoryFilter">
            <span class="txt">分类</span>
          </div>
        </div>
        <div class="sort-box-category" >
          <div class="item active" >分类1</div>
          <div class="item " >分类2</div>
          <div class="item " >分类3</div>
        </div>
      </div>
      <div class="cate-item">
        <div class="b">
          <a class="item" href="/pages/goods/goods" >
            <img class="img" src="./static/demo/idx-cate.png" background-size="cover"/>
            <span class="name">名称</span>
            <span class="price">￥100</span>
          </a>
          <a class="item item-b" href="/pages/goods/goods" >
            <img class="img" src="./static/demo/idx-cate.png" background-size="cover"/>
            <span class="name">名称</span>
            <span class="price">￥100</span>
          </a>
          <a class="item" href="/pages/goods/goods" >
            <img class="img" src="./static/demo/idx-cate.png" background-size="cover"/>
            <span class="name">名称</span>
            <span class="price">￥100</span>
          </a>
          <a class="item item-b" href="/pages/goods/goods" >
            <img class="img" src="./static/demo/idx-cate.png" background-size="cover"/>
            <span class="name">名称</span>
            <span class="price">￥100</span>
          </a>
        </div>
      </div>
    </div> -->
  
    <!-- 暂无商品信息 -->
    <!-- <div class="search-result-empty">
      <img class="icon"
        src="http://yanxuan.nosdn.127.net/hxm/yanxuan-wap/p/20161201/style/img/icon-normal/noSearchResult-7572a94f32.png">
      </image>
      <span class="text">您寻找的商品还未上架</span>
    </div> -->
  </div>
</body>
</html>